<template>
	<rui-pages header>

		<!-- <rui-pages-index-header></rui-pages-index-header> -->
		<!-- <rui-swiper></rui-swiper> -->
		<rui-zoom></rui-zoom>
		<view class="menu" style="margin-top: -100rpx;z-index: 9;position: relative;">
			<rui-card radius="20">
				<rui-menu :list="menu"></rui-menu>
			</rui-card>
		</view>
		<!-- <rui-index-mdd></rui-index-mdd> -->
		<rui-title title="官方服务" tips="旅行中遇到任何问题可联系我们"></rui-title>
		<rui-service-ad></rui-service-ad>

		<rui-title title="出行榜单" tips="8条精选路线火热报名中"></rui-title>
		<rui-lines-scroll></rui-lines-scroll>

		<rui-tabs :list="list" :current="1"></rui-tabs>
		<!-- <rui-lines-max-2></rui-lines-max-2> -->
		<rui-lines-mini></rui-lines-mini>


	</rui-pages>
</template>

<script setup>
	import {
		ref
	} from "vue"
	import {
		onPageScroll,
		onLoad,
	} from "@dcloudio/uni-app"



	// onPageScroll(d => {
	// 	ruiTabs.value.setScroll(d.scrollTop)
	// })
	const change2 = e => {
		console.log(e)
	}

	const menu = ref([{
			icon: "/static/images/tabbar/go.png",
			name: "跟团旅游"
		},
		{
			icon: "/static/images/tabbar/go.png",
			name: "私家小团"
		},
		{
			icon: "/static/images/tabbar/go.png",
			name: "拼车小团"
		},
		{
			icon: "/static/images/tabbar/go.png",
			name: "定制旅游"
		},
	])

	const list = ref([{
			name: "跟团旅游",
			id: 1
		},
		{
			name: "私家小团",
			id: 2
		},
		{
			name: "拼车小团",
			id: 3
		},
		{
			name: "旅游包车",
			id: 4
		},
		{
			name: "跟团游",
			id: 5
		},
		{
			name: "跟团游",
			id: 6
		},
	])
</script>

<style scoped lang="scss">

</style>